<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<script src="jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js.js"></script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，<em>我</em>就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
<button id="toggle" type="button">toggle</button>
<button id="box">点击这里，使三个矩形淡入</button>
<button id="slidedown">slidedown</button>
<button id="animate">animate</button>
<button id="stop">stop</button>
<button id="get">jquery获取</button>
<button id="return">jquery回退</button>
<button id="append">append</button>
<button id="text">text</button>
<input type="text" id="input" value="hello">
<br><br>
<div id="div1" style="width:80px;height:80px;background-color:red; "></div>
<br>
<div id="div2" style="width:80px;height:80px;background-color:green;"></div>
<br>
<div id="div3" style="width:80px;height:80px;background-color:blue;"></div>
<br>
<div id="div4" style="width:80px;height:80px;background-color:black; display:none;"></div>
<br>
<div id="div5" style="width:80px;height:80px;background-color:red; position:absolute;"></div>
<br>
</body>
</html>